@import 'ant-design-vue/dist/antd.less';
// @import 'ant-design-vue/dist/antd.dark.less';
@black                           : #010a13;
@primary-color                   : #409eff;
@layout-sider-background         : @white;
@layout-header-background        : @white;
@menu-item-height                : 50px;
@menu-inline-toplevel-item-height: 50px;
@menu-item-active-bg             : @primary-color;
@menu-submenu-selected-color     : @text-color;
@menu-item-vertical-margin       : 0;
@menu-item-boundary-margin       : 0;
@text-color-third                : fade(@black, 25%);
@text-color-fourth               : fade(@black, 10%);

.ant-menu-item-selected,
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  color: @white  !important;
}

.ant-popover-title {
  padding-top: 12px;
}

.ant-btn-primary[disabled] {
  background  : @primary-4;
  border-color: @primary-5;
  color       : @white
}

.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .5s
}

.fade-transform-enter-from {
  opacity  : 0;
  transform: translate(-50px)
}

.fade-transform-leave-to {
  opacity  : 0;
  transform: translate(50px)
}


.scale-transform-leave-active,
.scale-transform-enter-active {
  transition: all .5s
}

.scale-transform-enter-from {
  opacity  : 0;
  transform: scale(0.5);
}

.scale-transform-leave-to {
  opacity  : 0;
  transform: scale(2)
}